<template>
  <div>
    <!-- 顶部导航 -->
    <TopBar />
    <!-- 轮播图 -->
    <Carousel />
    <!-- <CarouselCopy /> -->
    <!-- 主题内容 -->
    <div class="w-100" style="position: sticky; top: 0">
      <b-container class="main">
        <b-row>
          <b-col cols="12" md="8" class="border-end">
            <router-view></router-view>
          </b-col>
          <b-col cols="12" md="4">
            <Aside />
          </b-col>
        </b-row>
      </b-container>
    </div>
    <!-- 页面底部 -->
    <Footer />
  </div>
</template>

<script>
import TopBar from "../components/TopBar.vue";
import Carousel from "../components/Carousel.vue";
// import CarouselCopy from "../components/CarouselCopy.vue";
import Aside from "../components/aside/Aside.vue";
import Footer from "../components/Footer.vue";
export default {
  name: "Home",
  components: {
    // CarouselCopy,
    TopBar,
    Carousel,
    Aside,
    Footer,
  },
};
</script>

<style lang="less" scoped></style>
